<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>重金属污染</title>
        <link rel="stylesheet" type="text/css" href="/static/css/global.css">
        <link rel="stylesheet" type="text/css" href="/static/css/style.css">
        <link rel="stylesheet" type="text/css" href="/static/css/jquery.ui.datepicker.css">
        <link rel="stylesheet" type="text/css" href="http://192.168.1.251:8080/arcgis_js_api/library/3.1/jsapi/js/dojo/dijit/themes/claro/claro.css">
        <script type="text/javascript" src="/static/js/jquery1.8.3.min.js"></script>
        <script type="text/javascript" src="/static/js/jquery.ui.datepicker.js"></script>
        <script type="text/javascript" src="/static/js/jquery.ui.core.js"></script>
        <script type="text/javascript" src="/static/js/jsAddress.js"></script>
        <script type="text/javascript" src="/static/js/index.js"></script>
    </head>
    <body>
        <div class="header">
            <div class="header-inner">
                <div class="logo fl">重金属污染事故案例库管理系统</div>
                <div class="nav fr"><a href="#">欢迎 | 登录</a></div>
            </div>
        </div>
        <div class="container">
            <div class="container-inner">
                <div><hr></div>
                <div class="data-detail">
                    <ul>
                        <li class="clearfix">
                            <label>事故名称 : </label>
                            <div>{{ metal.accident }}</div>
                        </li>
                        <li class="clearfix">
                            <label>重金属类型 : </label>
                            <div>{{ metal.metal_kind }}</div>
                        </li>
                        <li class="clearfix">
                            <label>时间 : </label>
                            <div>{{ metal.time }}</div>
                        </li>
                        <li class="clearfix">
                            <label>事故地点 : </label>
                            <div>{{ metal.accident_place }}</div>
                        </li>
                        <li class="clearfix">
                            <label>行业类型 : </label>
                            <div>{{ metal.occupation_standard }}</div>
                        </li>
                        <li class="clearfix">
                            <label>受体类型 : </label>
                            <div>{{ metal.viticm_kind_name }}</div>
                        </li>
                        <li class="clearfix">
                            <label>受损害人数 : </label>
                            <div>{{ metal.viticm_kind_count }}</div>
                        </li>
                        <li class="clearfix">
                            <label>事故后果描述 : </label>
                            <div>{{ metal.accident_description }}</div>
                        </li>
{#                        <li class="clearfix">#}
{#                            <label>事故处置过程 : </label>#}
{#                            <div></div>#}
{#                        </li>#}
                        <li class="clearfix">
                            <label>事故图片 : </label>
                            {% for image in images %}
                                {% if image %}
                                   <div style="display: inline-block; margin-bottom: 5px;">
                                      <a href="/medias/{{ image.image }}"><img src="/medias/{{ image.image}}" style="width: 128px;height: 120px;"></a>
                                   </div>
                                {% endif %}
                            {% endfor %}
                        </li>
                        <li class="clearfix">
                            <label>新闻链接 : </label>
                                <div>
                                    {% for new in news %}
                                        <a href="http://{{ new.news_link }}">{{ new.news_link}}</a><br/>
                                    {% endfor %}
                                </div>
                        </li>
                        <li class="clearfix">
                            <label>经度 : </label>
                            <div>{{ metal.longitude}}</div>
                        </li>
                        <li class="clearfix">
                            <label>纬度 : </label>
                            <div>{{ metal.latitude}}</div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="footer-inner">
                <p class="copyright"> <span> Copyright © 2013 Blocked. <a href="#"> GreenBase </a>All Right Reserved. </span> 
                <a class="fr" href="#top">返回顶部</a> </p>
            </div>
        </div>
    </body>
</html>